/* flex 常用  使用方式 @extend+所需类*/

.row-start-center {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.row-end-center {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.row-all-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.row-between-center{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.row-around-center{
  display: flex;
  align-items: center;
  justify-content: space-around;
}


.col-all-center{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.col-start-center{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.col-around-start{
  display: flex;
  align-items: self-start;
  justify-content: space-around;
  flex-direction: column;
}
.col-between-center{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.col-around-center{
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}



